<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <style>
        div{height:200px;
            outline:1px solid red;;word-break: break-all;white-space: normal}
        .container{outline: none;width: 100%}
        .left{float: left;width: calc(100% - 120px);margin-right: 2px}
        .right{float: right;width:100px}
        </style>
</head>
<body>

<div class="container">
    <div class="left">asdfasdfaasdfsdfasdfasdfasdfasdffdasdfasdfasdsd</div>
    <div class="right">fasdfasdfasdfasdfasdfasdfasfasdfasdf</div>

</div>


</body>
</html>